<template>
<div>
  <swiper>
    <swiper-item v-for="item in banners">
    <a :href="item.link"><img :src="item.image" alt="" @load="imageLoad"></a>
    </swiper-item>
  </swiper>
</div>
</template>
<script>
import {Swiper,SwiperItem} from 'components/common/swiper/index'
export default {
    name:'HomeSwiper',
    components:{
        Swiper,
       SwiperItem
    },
    data(){
      return {
        isLoad:false
      }
    },
    props:{
    banners:{
        type:Array,
        default(){
            return []
        }
    }
    },
    methods:{
      imageLoad(){
        if(!this.isLoad){
          this.$emit('imageLoad')
          this.isLoad=true
        } 
      }
    }
}
</script>
<style scoped>

</style>